body{
	margin: 0px;
	font-family: 'Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
	width: 100%;
	height: 600px;
}
.contrainer {
	width: 100%;
	height: 600px;
}
a{
	    color: #66615B;
	    text-decoration:none;
}

.wrap {
	width: 92%;
	height: 600px;
	margin-top: 5%;
	margin-left: 4%;
	background-color: #FFF;
	position: relative;
	border-radius: 5px;
}

.header {
	width: 92%;
	height: 80px;
	background-color: #68A593;
	position: absolute;
	margin-left: 4%;
	top:-33px;
	z-index: 99;
	border-radius: 5px;
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 0, 0, 0.3);
}
.header p{
	color: #FFF;
	font-size: 25px;
	padding-left: 25px;
	font-weight: lighter;
}
.mid{
	width: 100%;
	height: 40px;
	background-color: #FFF;
	position: absolute;
	top: 8%;
}
.content {
	width: 100%;
	height: 500px;
	background-color: #FFF;
	top: 8%;
	border-radius: 3px;
	position: absolute;
	color: rgba(0,0,0, 0.87);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	text-align: center;
	font-weight: 350;
}
.text-primary {
    color: #68A593;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.table > thead > tr > th {
    padding-bottom: 4px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 8px;
    vertical-align: middle;
}

.table > thead > tr > th {
    border-bottom-width: 1px;
    font-size: 1em;
    font-weight: 300;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 8px;
    vertical-align: middle;
}



td, th {
    display: table-cell;
    vertical-align: inherit;
}


.table>tbody>tr>td, .table>tbody>tr>th {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}